<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- 引入重置样式表 reset.css -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入公共样式表 common.css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入首页样式表 index.css -->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 欢迎来到家居网 -->
    <div id="head">
        <div class="container clearfix">
            <span class="fl">欢迎来到HOUSE家居网！</span>
            <div class="fr">
                <a href="#"><img src="images/tel.png" alt="">400-00-000xxx</a>
                <a href="#"><img src="images/mail.png" alt="">1234567xxx@gmail.com</a>
            </div>
        </div>
    </div>
    <!-- logo和导航栏 -->
    <div id="nav" class="container clearfix">
        <a href="#" class="fl"><img src="images/logo.png" alt=""></a>
        <ul class="fr clearfix">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="aboutUs.html">关于我们</a></li>
            <li><a href="productsShow.html">产品展示</a></li>
            <li><a href="newsList.html">新闻动态</a></li>
            <li><a href="onlineMessage.html">在线留言</a></li>
            <li><a href="contactUs.html">联系我们</a></li>
        </ul>
    </div>
    <!-- 轮播 -->
    <div id="banner">
        <a href="#"><img src="images/banner1.jpg" alt=""></a>
        <div class="content">
            <h1>精致生活 简单爱</h1>
            <p>用细节缔造美好家居， 触碰你心中的柔软</p>
            <p>给您无微不至的关怀</p>
        </div>
    </div>
    <!-- 产品特性 -->
    <div id="feather" class="container clearfix">
        <div>
            <h1>品质高 经久耐用</h1>
            <p>当前家纺市场上的优秀代表，从织造、染色、印花
                及整理包装的整个流程，我们都做的十分仔细，而且
                在环保性上，也有很好的表现</p>
        </div>
        <div>
            <h1>品质高 经久耐用</h1>
            <p>公司全体员团结奋进、开拓进取，为创建特色鲜
                明、质量一流的名牌产品而不懈努力。公司凭借高素质
                的人才队伍，先进的工艺和一流、完善的企业管理</p>
        </div>
        <div>
            <h1>先进的工艺技术</h1>
            <p>家纺依靠科技进步、倡导绿色消费，让消费者充分
                体会到品牌文化所带来的无穷魅力，专业致力于功能性
                家纺，产品有真丝系列、婚庆系列、时尚系列</p>
        </div>
    </div>
    <!-- 产品展示 -->
    <div id="ourproducts" class="container">
        <div class="title">
            <div>
                产品展示
                <small>OUR PRODUCTS</small>
            </div>
        </div>
        <div class="content clearfix">
            <div class="left fl clearfix">
                <div>
                    <a href="#"><img src="images/pic01.jpg" alt=""></a>
                    <a href="#"><img src="images/pic01-01.jpg" alt="" class="active"></a>
                </div>
                <div>
                    <a href="#"><img src="images/pic02.jpg" alt=""></a>
                    <a href="#"><img src="images/pic02-01.jpg" alt="" class="active"></a>
                </div>
                <div>
                    <a href="#"><img src="images/pic03.jpg" alt=""></a>
                    <a href="#"><img src="images/pic03-01.jpg" alt="" class="active"></a>
                </div>
                <div>
                    <a href="#"><img src="images/pic04.jpg" alt=""></a>
                    <a href="#"><img src="images/pic04-01.jpg" alt="" class="active"></a>
                </div>
            </div>
            <div class="right fl">
                <a href="#"><img src="images/pic05.jpg" alt=""></a>
                <a href="#"><img src="images/pic05-01.jpg" alt="" class="active"></a>
            </div>
        </div>
    </div>
    <!-- 关于我们 -->
    <div id="aboutUs">
        <div>
            <h1>关于我们</h1>
            <p>**家纺有限公司现有员工1000余人，资产总额9000万元。下设：纺纱分厂、毛巾分厂、绣花分厂、家纺分厂和进出口公司。先后在韩国、欧洲、日本、美国、澳大利亚、新加坡、中东、非洲等十几个国家和地区建立了稳定的销售网络和分公司。被省、市政府评为“先进企业”“功勋企业”“外贸出口先进单位”，同时被授予“AAA”级信用企业。**公司凭借高素质的人才队伍，先进的工艺和一流、完善的企业管理，赢得了国内外客户的良好赞誉，使得企业很快发展成为集纺、织、印、染、绣花为一体的家纺集团。公司先后荣获了“中国驰名商标”、“**名牌”、“**省著名商标”等荣誉称号。公司通过了ISO9001：2000......
            </p>
            <a href="#">READ MORE</a>
        </div>
    </div>
    <!-- 新闻动态 -->
    <div id="news" class="container">
        <div class="title">
            <div>
                新闻动态
                <small>NEWS CENTER</small>
            </div>
        </div>
        <div class="content clearfix">
            <div>
                <a href="#"><img src="images/pic06.jpg" alt=""></a>
                <ul>
                    <li><a href="#"><span class="chat">[行业资讯]</span> 家纺行业的四大走向 <span class="time">2014-10-20</span></a>
                    </li>
                    <li><a href="#"><span class="chat">[行业资讯]</span> 家纺行业：从价值链的薄弱环节找到 <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[行业资讯]</span> 2009年净利润同比增长34.4 <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[行业资讯]</span> 家电涨价与降价背后的营销逻辑 <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[行业资讯]</span> 高科技家电未来都很低碳 <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[行业资讯]</span> XX网加盟“绿书签”行动 <span
                                class="time">2014-10-20</span></a></li>
                </ul>
            </div>
            <div>
                <a href="#"><img src="images/pic07.jpg" alt=""></a>
                <ul>
                    <li><a href="#"><span class="chat">[公司动态]</span> 迎|“十一”主题优惠即将开幕 <span
                                class="time">2014-10-20</span></a>
                    </li>
                    <li><a href="#"><span class="chat">[公司动态]</span> **家纺驻外办事处相继成立 <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[公司动态]</span> **家纺驻外办事处相继成立 <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[公司动态]</span> 继往开来 搏击10 <span class="time">2014-10-20</span></a>
                    </li>
                    <li><a href="#"><span class="chat">[公司动态]</span> **组团参加第十七届中国（上海） <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[公司动态]</span> **家居体验馆盛大开业 <span
                                class="time">2014-10-20</span></a></li>
                </ul>
            </div>
            <div class="last">
                <a href="#"><img src="images/pic08.jpg" alt=""></a>
                <ul>
                    <li><a href="#"><span class="chat">[媒体热点]</span> 有意实施行业内重组蕴藏可升值资 <span
                                class="time">2014-10-20</span></a>
                    </li>
                    <li><a href="#"><span class="chat">[媒体热点]</span> 端午节家电大力促销 <span class="time">2014-10-20</span></a>
                    </li>
                    <li><a href="#"><span class="chat">[媒体热点]</span> 家纺与电影 <span class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[媒体热点]</span> 家纺行业：从价值链的薄弱环节找到 <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[媒体热点]</span> 当前中国家纺市场现状及前景预测 <span
                                class="time">2014-10-20</span></a></li>
                    <li><a href="#"><span class="chat">[媒体热点]</span> 家纺行业的四大走向 <span class="time">2014-10-20</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="footer">
        <div class="container">
            <div class="top clearfix">
                <div class="contact">
                    <a href="#"><img src="images/logo2.jpg" alt=""></a>
                    <a href="#">
                        <div class="pic1">&emsp;&emsp;中国上海市xxx区xxx路12号moumou大厦5层5xx室</div>
                    </a>
                    <a href="#">
                        <div class="pic2">&emsp;&emsp;400-000-xxxx / (021)-1234578xxx</div>
                    </a>
                    <a href="#">
                        <div class="pic3">&emsp;&emsp;12385963xxxx@gmail.com</div>
                    </a>
                </div>
                <div class="interlinkage clearfix">
                    <h1>快速链接</h1>
                    <ul>
                        <li><a href="#">> 网站首页</a></li>
                        <li><a href="#">> 产品展示</a></li>
                        <li><a href="#">> 在线留言</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">> 关于我们</a></li>
                        <li><a href="#">> 新闻动态</a></li>
                        <li><a href="#">> 联系我们</a></li>
                    </ul>
                </div>
                <div class="search">
                    <h1>站内搜索</h1>
                    <form action="#">
                        <input type="text" placeholder=" 请输入关键字"><button type="submit">搜索</button>
                    </form>
                    <a href="#">关注我们 <img src="images/fenxiang.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="container">
                <p>Copyright © 2009-2011,www.XXXXXX.com,All rights reserved 沪ICP备XXXXXXX号未经同意,不得转载</p>
            </div>
        </div>
    </div>
</body>
</html>